<!DOCTYPE html>
<html>
    <head>
        <!-- Title here -->
        <title>Invoice - Barnie</title>
        <!-- Description, Keywords and Author -->
        <meta name="description" content="Your description">
        <meta name="keywords" content="Your,Keywords">
        <meta name="author" content="ResponsiveWebInc">

        <meta name="viewport" content="width=device-width, initial-scale=1.0">

        <!-- Styles -->
        <!-- Bootstrap CSS -->
        <link href="public2/css/bootstrap.min.css" rel="stylesheet">
        <!-- Font awesome CSS -->
        <link href="public2/css/font-awesome.min.css" rel="stylesheet">		
        <!-- jQuery gritter -->
        <link href="public2/css/jquery.gritter.css" rel="stylesheet">
        <!-- Custom Color CSS -->
        <link href="public2/css/less-style.css" rel="stylesheet">	
        <!-- Custom CSS -->
        <link href="public2/css/style.css" rel="stylesheet">

        <!-- Favicon -->
        <link rel="shortcut icon" href="#">
    </head>

    <body>

        <div class="outer">

            <!-- Sidebar starts -->
            <div class="sidebar">

                <div class="sidey">

                    <!-- Logo -->
                    <div class="logo">
                        <h1><a href="index.html"><i class="fa fa-desktop br-red"></i> Barnie <span>It's Legendary</span></a></h1>
                    </div>

                    <!-- Sidebar navigation starts -->

                    <!-- Responsive dropdown -->
                    <div class="sidebar-dropdown"><a href="#" class="br-red"><i class="fa fa-bars"></i></a></div>

                    <div class="side-nav">

                        <div class="side-nav-block">
                            <!-- Sidebar heading -->
                            <h4>Main</h4>
                            <!-- Sidebar links -->
                            <ul class="list-unstyled">
                                <li><a href="index.html"><i class="fa fa-desktop"></i> Dashboard</a></li>
                                <li><a href="widgets.html"><i class="fa fa-bullseye"></i> Widget <span class="badge badge-danger pull-right">6</span></a></li>
                                <li><a href="charts.html"><i class="fa fa-signal"></i> Charts <span class="badge badge-info pull-right">5</span></a></li>
                                <li><a href="ui.html"><i class="fa fa-wrench"></i> UI</a></li>
                                <!-- Mainmenu with submenu -->
                                <li class="has_submenu">
                                    <a href="#"><i class="fa fa-file"></i> Pages <span class="nav-caret fa fa-caret-down"></span></a>
                                    <!-- Submenu -->
                                    <ul class="list-unstyled">
                                        <li><a href="calendar.html"><i class="fa fa-angle-double-right"></i> Calendar</a></li>
                                        <li><a href="errorlog.html"><i class="fa fa-angle-double-right"></i> Error Logs</a></li>
                                        <li><a href="gallery.html"><i class="fa fa-angle-double-right"></i> Gallery</a></li>
                                        <li><a href="invoice.html" class="active"><i class="fa fa-angle-double-right"></i> Invoice</a></li>
                                        <li><a href="media.html"><i class="fa fa-angle-double-right"></i> Media</a></li>
                                        <li><a href="posts.html"><i class="fa fa-angle-double-right"></i> Posts</a></li>
                                        <li><a href="statement.html"><i class="fa fa-angle-double-right"></i> Statement</a></li>
                                    </ul>
                                </li>
                                <li><a href="users.html"><i class="fa fa-user"></i> Users</a></li>
                                <!-- Mainmenu with submenu -->
                                <li class="has_submenu">
                                    <a href="#"><i class="fa fa-file-text-o"></i> Forms <span class="nav-caret fa fa-caret-down"></span></a>
                                    <!-- Submenu -->
                                    <ul class="list-unstyled">
                                        <li><a href="form.html"><i class="fa fa-angle-double-right"></i> General Form</a></li>
                                        <li><a href="form-validate.html"><i class="fa fa-angle-double-right"></i> Validate Form</a></li>
                                        <li><a href="form-wizard.html"><i class="fa fa-angle-double-right"></i> Wizard Form</a></li>
                                    </ul>
                                </li>
                                <!-- Mainmenu with submenu -->
                                <li class="has_submenu">
                                    <a href="#"><i class="fa fa-table"></i> Tables <span class="nav-caret fa fa-caret-down"></span></a>
                                    <!-- Submenu -->
                                    <ul class="list-unstyled">
                                        <li><a href="tables.html"><i class="fa fa-angle-double-right"></i> General Tables</a></li>
                                        <li><a href="tables-data.html"><i class="fa fa-angle-double-right"></i> Data Table</a></li>
                                    </ul>
                                </li>
                                <!-- Mainmenu with submenu -->
                                <li class="has_submenu">
                                    <a href="#"><i class="fa fa-envelope"></i> Mail <span class="nav-caret fa fa-caret-down"></span></a>
                                    <!-- Submenu -->
                                    <ul class="list-unstyled">
                                        <li><a href="inbox.html"><i class="fa fa-angle-double-right"></i> Inbox</a></li>
                                        <li><a href="mail-read.html"><i class="fa fa-angle-double-right"></i> Mail Read</a></li>
                                        <li><a href="mail-write.html"><i class="fa fa-angle-double-right"></i> Mail Compose</a></li>
                                    </ul>
                                </li>
                            </ul>
                        </div>

                        <div class="side-nav-block">
                            <h4>Menu</h4>
                            <ul class="list-unstyled">
                                <li><a href="0-base.html"><i class="fa fa-desktop"></i> Blank Page</a></li>
                                <li><a href="login.html"><i class="fa fa-sign-in"></i> Login</a></li>
                                <li><a href="404.html"><i class="fa fa-times"></i> Error Page</a></li>
                                <li><a href="grid.html"><i class="fa fa-th-large"></i> Grids</a></li>
                                <li><a href="lock.html"><i class="fa fa-lock"></i> Lock</a></li>
                            </ul>
                        </div>


                    </div>

                    <!-- Sidebar navigation ends -->

                </div>
            </div>
            <!-- Sidebar ends -->

            <!-- Mainbar starts -->
            <div class="mainbar">

                <!-- Mainbar head starts -->
                <div class="main-head">
                    <div class="container">
                        <div class="row">
                            <div class="col-md-3 col-sm-4 col-xs-6">
                                <!-- Page title -->
                                <h2><i class="fa fa-desktop lblue"></i> Dashboard</h2>
                            </div>

                            <div class="col-md-3 col-sm-4 col-xs-6">
                                <!-- Search block -->
                                <div class="head-search">
                                    <form class="form" role="form">
                                        <div class="input-group">
                                            <input type="text" class="form-control" placeholder="Search...">
                                            <span class="input-group-btn">
                                                <button class="btn btn-default" type="button"><i class="fa fa-search"></i></button>
                                            </span>
                                        </div>
                                    </form>
                                </div>
                            </div>

                            <div class="col-md-3 col-sm-4 hidden-xs">
                                <!-- Notifications -->
                                <div class="head-noty text-center">

                                    <!-- Notifications -->
                                    <div class="dropdown">
                                        <a href="#" id="notifications" data-toggle="dropdown" class="mhead-icon" ><i class="fa fa-bell"></i> <span class="label label-info">5</span></a>
                                        <!-- Dropdown -->
                                        <ul class="dropdown-menu" role="button" aria-labelledby="notifications">

                                            <!-- Dropdown menu head -->
                                            <li class="dropdown-head">
                                                Notifications <span class="label label-info pull-right">5</span>
                                            </li>
                                            <!-- Content -->
                                            <li><a href="#">
                                                    <!-- Colored icon with text and time -->
                                                    <i class="fa fa-user"></i> New User Registered <b class="pull-right">5 mins ago</b>
                                                    <div class="clearfix"></div>
                                                </a></li>
                                            <li><a href="#">
                                                    <i class="fa fa-shopping-cart"></i> New Order for Dress <b class="pull-right">10 mins ago</b>
                                                    <div class="clearfix"></div>
                                                </a></li>
                                            <li><a href="#">
                                                    <i class="fa fa-sign-out"></i> User Ravi Kumar Sign Out <b class="pull-right">20 hr ago</b>
                                                    <div class="clearfix"></div>
                                                </a></li>
                                            <li><a href="#">
                                                    <i class="fa fa-envelope"></i> New Message from Ravi <b class="pull-right">1 day ago</b>
                                                    <div class="clearfix"></div>
                                                </a></li>
                                            <li><a href="#">
                                                    <i class="fa fa-laptop"></i> Full Backup Completed <b class="pull-right">2 day ago</b>
                                                    <div class="clearfix"></div>
                                                </a></li>

                                            <li class="dropdown-foot text-center">
                                                <a href="#">View All</a>
                                            </li>

                                        </ul>
                                    </div>

                                    <!-- Messages -->
                                    <div class="dropdown">
                                        <a href="#" id="messages" data-toggle="dropdown" class="mhead-icon" ><i class="fa fa-envelope"></i> <span class="label label-danger">5</span></a>
                                        <ul class="dropdown-menu" role="button" aria-labelledby="messages">

                                            <!-- Dropdown menu head -->
                                            <li class="dropdown-head">
                                                Messages <span class="label label-danger pull-right">5</span>
                                            </li>
                                            <!-- Content -->
                                            <li><a href="#">
                                                    <!-- Title -->
                                                    Hello How are you? <i class="fa fa-reply pull-right"></i>
                                                    <!-- Para -->
                                                    <span>Lorem ipsum dolor sit amet something elit.</span>
                                                    <div class="clearfix"></div>
                                                </a></li>
                                            <li><a href="#">
                                                    What are you doing today? <i class="fa fa-reply pull-right"></i>
                                                    <span>Lorem ipsum dolor sit amet something elit.</span>
                                                    <div class="clearfix"></div>
                                                </a></li>
                                            <li><a href="#">
                                                    Why don't you come here? <i class="fa fa-reply pull-right"></i>
                                                    <span>Lorem ipsum dolor sit amet something elit.</span>
                                                    <div class="clearfix"></div>
                                                </a></li>

                                            <li class="dropdown-foot text-center">
                                                <a href="#">View All</a>
                                            </li>

                                        </ul>
                                    </div>

                                    <!-- Users -->
                                    <div class="dropdown">
                                        <a href="#" id="users" data-toggle="dropdown" class="mhead-icon" ><i class="fa fa-user"></i> <span class="label label-success">5</span></a>
                                        <!-- Dropdown -->
                                        <ul class="dropdown-menu drop-users" role="button" aria-labelledby="users">

                                            <!-- Dropdown menu head -->
                                            <li class="dropdown-head">
                                                Users <span class="label label-success pull-right">5</span>
                                            </li>
                                            <!-- Content -->
                                            <li><a href="#">
                                                    <!-- User image -->
                                                    <img src="img/user1.png" alt="" class="img-responsive img-circle" />
                                                    <!-- User details -->
                                                    <div class="duser-content">
                                                        Anjelina Jolie
                                                        <span>Lorem ipsum dolor sit amet elit.</span>
                                                    </div>
                                                    <div class="clearfix"></div>
                                                </a></li>
                                            <li><a href="#">
                                                    <img src="img/user2.png" alt="" class="img-responsive img-circle" />
                                                    <div class="duser-content">
                                                        Brad Pitt 
                                                        <span>Lorem ipsum dolor sit amet elit.</span>
                                                    </div>
                                                    <div class="clearfix"></div>
                                                </a></li>
                                            <li><a href="#">
                                                    <img src="img/user1.png" alt="" class="img-responsive img-circle" />
                                                    <div class="duser-content">
                                                        Al Pacino 
                                                        <span>Lorem ipsum dolor sit amet elit.</span>
                                                    </div>
                                                    <div class="clearfix"></div>
                                                </a></li>

                                            <li class="dropdown-foot text-center">
                                                <a href="#">View All</a>
                                            </li>

                                        </ul>
                                    </div>

                                </div>
                                <div class="clearfix"></div>
                            </div>


                            <div class="col-md-3 hidden-sm hidden-xs">
                                <!-- Head user -->
                                <div class="head-user dropdown pull-right">
                                    <a href="#" data-toggle="dropdown" id="profile">
                                        <!-- Icon 
                                        <i class="fa fa-user"></i>  -->

                                        <img src="img/user2.png" alt="" class="img-responsive img-circle"/>

                                        <!-- User name -->
                                        ashokram <span class="label label-danger">5</span> 
                                        <i class="fa fa-caret-down"></i> 
                                    </a>
                                    <!-- Dropdown -->
                                    <ul class="dropdown-menu" aria-labelledby="profile">
                                        <li><a href="#">View/Edit Profile <span class="badge badge-info pull-right">6</span></a></li>
                                        <li><a href="#">Change Settings</a></li>
                                        <li><a href="#">Messages <span class="badge badge-danger pull-right">5</span></a></li>
                                        <li><a href="#">Sign Out</a></li>
                                    </ul>
                                </div>
                                <div class="clearfix"></div>
                            </div>
                        </div>	
                    </div>

                </div>

                <!-- Mainbar head ends -->

                <div class="main-content">
                    <div class="container">

                        <div class="page-content page-invoice">

                            <!-- Heading -->
                            <div class="single-head">
                                <!-- Heading -->
                                <h3 class="pull-left"><i class="fa fa-desktop lblue"></i> Invoice</h3>
                                <!-- Bread crumbs -->
                                <div class="breads pull-right">
                                    <strong>Nav</strong> : <a href="#">Home</a> / <a href="#">Sign</a> / Home
                                </div>
                                <div class="clearfix"></div>
                            </div>

                            <!-- Address -->
                            <div class="row">

                                <div class="col-md-4 col-sm-4">
                                    <h5>Metro King</h5>
                                    <p>
                                        19/133, New New York Street<br>
                                        Near Bus Stop, Right side <br>
                                        Mexico, NY - 63442<br>
                                        USA
                                    </p>
                                </div>

                                <div class="col-md-4 col-sm-4">
                                    <h5>MacMedia</h5>
                                    <p>
                                        24/133, Mexico Street<br>
                                        Near Airport, Right side <br>
                                        Mexico, CA - 53432<br>
                                        Mexico
                                    </p>                        
                                </div>

                                <div class="col-md-4 col-sm-4">
                                    <h5>Invoice</h5>
                                    <p>
                                        Invoice No : 52322<br>
                                        Date : 12/34/2012<br>
                                        Account No : 4290293203
                                    </p>
                                </div>

                            </div>

                            <!-- Data -->
                            <div class="row">

                                <div class="col-md-12">
                                    <hr />
                                    <div class="table-responsive">
                                        <table class="table table-bordered">
                                            <thead>
                                                <tr>
                                                    <th>#</th>
                                                    <th>Name</th>
                                                    <th>Quantity</th>
                                                    <th>Unit Price</th>
                                                    <th>Tax</th>
                                                    <th>Total</th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                <tr>
                                                    <td>1</td>
                                                    <td>Sony Xperia Pro X1242</td>
                                                    <td>5</td>
                                                    <td>$534</td>
                                                    <td>12.5%</td>
                                                    <td>$2424</td>
                                                </tr>     
                                                <tr>
                                                    <td>2</td>
                                                    <td>Samsung Galaxy Pro</td>
                                                    <td>2</td>
                                                    <td>$244</td>
                                                    <td>12.5%</td>
                                                    <td>$5342</td>
                                                </tr>  
                                                <tr>
                                                    <td>3</td>
                                                    <td>Apple iPhone 5G - Black</td>
                                                    <td>7</td>
                                                    <td>$434</td>
                                                    <td>12.5%</td>
                                                    <td>$34524</td>
                                                </tr>  
                                                <tr>
                                                    <td>4</td>
                                                    <td>Nokia Lumina Tipo - Windows Mobile</td>
                                                    <td>4</td>
                                                    <td>$754</td>
                                                    <td>12.5%</td>
                                                    <td>$8866</td>
                                                </tr>  
                                                <tr>
                                                    <td>5</td>
                                                    <td>Motorola Defy 29323</td>
                                                    <td>5</td>
                                                    <td>$644</td>
                                                    <td>12.5%</td>
                                                    <td>$88865</td>
                                                </tr>  
                                                <tr>
                                                    <td>6</td>
                                                    <td>Micromax Funbook - Android Tablet</td>
                                                    <td>9</td>
                                                    <td>$434</td>
                                                    <td>12.5%</td>
                                                    <td>$53535</td>
                                                </tr>                                                                                                                                                                
                                                <tr>  
                                                    <td></td>
                                                    <td></td>
                                                    <td></td>
                                                    <td></td>
                                                    <td><strong>Total</strong></td>
                                                    <td><strong>$2405</strong></td>
                                                </tr>
                                            </tbody>
                                        </table>
                                    </div>
                                </div>

                            </div>

                            <hr />
                            <div class="pull-right">
                                <button type="submit" class="btn btn-info btn-sm">Send Invoice</button>
                                <button type="submit" class="btn btn-default btn-sm">Reset</button>
                            </div>
                            <div class="clearfix"></div>

                        </div>

                    </div>
                </div>

            </div>
            <!-- Mainbar ends -->

            <div class="clearfix"></div>
        </div>

        <!-- Javascript files -->
        <!-- jQuery -->
        <script src="public2/js/jquery.js"></script>
        <!-- Bootstrap JS -->
        <script src="public2/js/bootstrap.min.js"></script>
        <!-- jQuery UI -->
        <script src="public2/js/jquery-ui.min.js"></script>
        <!-- Date Time Picker JS -->
        <script src="public2/js/bootstrap-datetimepicker.min.js"></script>	
        <!-- Bootstrap wysihtml5 JS 	
        <script src="public2/js/wysihtml5-0.3.0.js"></script>
        <script src="public2/js/prettify.js"></script>
        <script src="public2/js/bootstrap-wysihtml5.min.js"></script>-->	
        <!-- Validate JS -->
        <script src="public2/js/jquery.validate.js"></script>
        <!-- Form wizard steps  JS 
        <script src="public2/js/jquery.steps.min.js"></script>-->
        <!-- jQuery Knob -->
        <script src="public2/js/jquery.knob.js"></script>
        <!-- jQuery slim scroll -->
        <script src="public2/js/jquery.slimscroll.min.js"></script>
        <!-- Data Tables JS
        <script src="public2/js/jquery.dataTables.min.js"></script> -->	
        <!-- Pretty Photo JS 
        <script src="public2/js/jquery.prettyPhoto.js"></script>-->	
        <!-- Rate It JS 
        <script src="public2/js/jquery.rateit.min.js"></script>	-->
        <!-- jQuery full calendar 
        <script src="public2/js/fullcalendar.min.js"></script>-->
        <!-- jQuery gritter 
        <script src="public2/js/jquery.gritter.min.js"></script>-->
        <!-- jQuery gritter notification 
        <script src="public2/js/custom.notification.js"></script>-->
        <!-- Respond JS for IE8 -->
        <script src="public2/js/respond.min.js"></script>
        <!-- HTML5 Support for IE -->
        <script src="public2/js/html5shiv.js"></script>
        <!-- Custom JS 
        <script src="public2/js/custom.js"></script>-->

        <!-- Javascript for this page -->

        <!-- Javascript for this page -->

        <script type="text/javascript">

        </script>

    </body>	
</html>